<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <title>优点达资讯-分享那些新鲜事</title>
    <link
      rel="stylesheet"
      href="static/css/style.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="./static/fonts/css/font-awesome.min.css" />
    <link rel="stylesheet" href="./static/lib/layui-v2.7.4/layui/css/layui.css">
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--[if lt IE 9]><script src="static/js/html5.js"></script><![endif]-->
  </head>
  <div class="user blog search_not m-home-most ui-navtop">
    <!-- 头部开始 -->
  <div class="shw">
    <header class="header">
      <div class="container">
        <h1 class="logo">
          <a href="index.html" title="优点达资讯-分享那些新鲜事">
            <img src="static/images/logo.png" alt="优点达资讯" />
            优点达资讯
          </a>
        </h1>
        <ul class="nav" style="display:flex;justify-content: space-between;width: 67%;;">
          <li class="navmore"></li>
          <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item current_page_item">
            <a title="" href="index.html"><span class="fa fa-home"></span>趣·首页</a>
          </li>
          <li  class="menu-item menu-item-type-taxonomy menu-item-object-category" v-for="obj in allCate.slice(0,10)" :key="obj.id"><a style="padding:12px 0 ;" :href="'list.html?catename='+obj.catename+'&cateid='+obj.id"><span
                class="fa" :class="obj.icon"></span>{{obj.catename}}</a></li>
        </ul>
        <div class="slinks">
          <a href="login.html" v-show="token===null">
            <i class="fa fa-hand-o-right"></i>
            &nbsp;登录
          </a>
          |
          <a href="reg.html" v-show="token===null">
            <i class="fa fa-registered"></i>
            &nbsp;注册
          </a>
          <a href="user.html" v-show="token!=null">
            <i class="fa fa-user"></i>
            &nbsp;欢迎，{{user!==null?user.userInfo.username:''}}
          </a>
          <a class="fa fa-sign-out" v-show="token!=null" @click="rem"></a>
        </div>
        <!-- 移动端兼容 -->
        <a href="login.html" class="user"><i class="fa fa-user"></i></a>
        <!-- 点击该图标的时候判断是否登录了，决定是否进入用户中心，否则进入登录页 -->
      </div>
    </header>
    <!-- 头部结束 -->

    <!-- 主体内容 -->

    <section class="container">
      <div class="user-box">
        <div class="lt">
          <h3>用户中心</h3>
          <ul class="list-group">
            <li class="list-group-item">
              <a href="user.html">
                <i class="fa fa-home"></i>
                我的首页
              </a>
            </li>
            <li class="list-group-item">
              <a href="user-collect.html">
                <i class="fa fa-heart"></i>
                我的收藏
              </a>
            </li>
            <li class="list-group-item">
              <a href="user-add.html">
                <i class="fa fa-plus"></i>
                发布文章
              </a>
            </li>
            <li class="list-group-item">
              <a class="active" href="user-zan.html">
                <i class="fa fa-thumbs-up"></i>
                我的点赞
              </a>
            </li>
            <li class="list-group-item">
              <a href="user-list.html">
                <i class="fa fa-tasks"></i>
                我的文章
              </a>
            </li>
          </ul>
        </div>
        <div class="rt">
          <!-- 我的点赞 -->
          <div class="user-zan">
            <div class="user-location">
              <a href="user.html">
                <i class="fa fa-home"></i>
                用户中心
              </a>
              &gt;
              <span>我的点赞</span>
            </div>
            <div class="list-box">
              <div class="widget widget_postlist">
                <ul class="items-01">
                  <li v-for="(obj,index) in zan" :key="obj.id">
                    <a target="_blank" href="">
                      <span class="thumbnail">
                        <img class="thumb" :src="'http://124.223.14.236:8060/'+obj.pic" />
                      </span>
                      <span class="text">
                       {{obj.title}}
                      </span>
                      <span class="text-muted post-views">已点赞({{obj.click}})</span>
                      <button class="btn btn-xs btn-danger" @click.prevent="delGood" :index="index">
                        <i class="fa fa-trash"></i>
                        &nbsp;取消点赞
                      </button>
                    </a>
                  </li>              
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 主体结束 -->

    <!-- 页脚开始 -->
    <footer class="footer">
      <div class="link">
        <!-- 友情链接： -->
        <span v-for="obj in allLink" :key="obj.id">
          <a :href="obj.url" :title="obj.title">{{obj.des}}</a>
          <span>|</span>
        </span>
      </div>
      <p>
        &copy; 2021
        <a href="http://blog.weknow.cn">优点达资讯,</a>
        &nbsp;&nbsp;联系邮箱：xxxx@163.com &nbsp;&nbsp;
        <a href="">备案号信息</a>
      </p>
    </footer>
  </div>
    <!-- 页脚结束 -->
    <script src="./static/lib/layui-v2.7.4/layui/layui.js"></script>
    <script src="./static/js/shw_js/axios.js"></script>
    <script src="./static/js/shw_js/api.js"></script>
    <script src="./static/js/shw_js/vue.js"></script>
    <script src="./static/js/shw_js/zan.js"></script>
  </body>
</html>
